<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=8859-1">
<link rel="stylesheet" type="text/css" href="css/estilos.css">
<title>Untitled Document</title>
{literal}
<style type="text/css">
    body{
        color:#333333;
		direction:ltr;
        font-family:Arial, Helvetica, sans-serif;
        font-size:11px;
		text-align:left;
    }
</style>
{/literal}
{literal}
<script language="javascript">
function closeMessage() {
	document.getElementById('mensaje').innerHTML="";
	document.getElementById('mensaje').className="";
	document.getElementById('bloquea-header').className="";
}
function eliminar(codigo,nombre) {
	if(confirm("¿Estas seguro de querer eliminar la foto?")) {
		window.location = "eliminarAlbum.php?cod="+codigo+"&nombre="+nombre;
	}
}
</script>
{/literal}
</head>

<body>
	{if $error}
    <div class="mensaje-album" id="mensaje">
        <div class="mensaje-titulo">Error</div>
        <div class="mensaje-texto">{$error}</div>
        <div class="div-mensaje-boton"><input type="button" class="mensaje-boton" onclick="closeMessage()" value="Aceptar" /></div>
    </div>
    {/if}
	<a href="ingresarAlbum.php" class="menu-agenda-ingresar">Ingresar nueva Foto</a>
    <div class="fotos-todas">
    	<div class="fotos-mensaje">{$mensaje}</div>
    	{foreach item=f from=$fotos}
        <div class="foto-album">
        	<a href="fotos.php?id={$i++}"><img src="images/album/{$f.nombre}" class="foto" border="0"></a>
            <div class="foto-borrar"><img src="images/deleteContent.png" onclick="eliminar({$f.cod},'{$f.nombre}')" /></div>
        </div>
    	{/foreach}
	</div>
</body>
</html>
